<#cenluan title="笔记" menu="blog">
    <div class="row offcanvas-row offcanvas-row-right" id="offcanvas">
        <div class="col-sm-8">
            <ul class="nav nav-tabs mb20" role="tablist">
                <!--@if(isEmpty(show)||"new"==show){-->
                <li role="presentation" class="active"><a>最新</a></li>
                <!--@}else{-->
                <li role="presentation"><a href="/blog">最新</a></li>
                <!--@}-->
                <!--@if("hot"==show!){-->
                <li role="presentation" class="active"><a>最热</a></li>
                <!--@}else{-->
                <li role="presentation"><a href="/blog?show=hot">最热</a></li>
                <!--@}-->
                <!--@if(!isEmpty(session.user)){-->
                <!--@if("mine"==show!){-->
                <li role="presentation" class="active"><a>我的笔记</a></li>
                <!--@}else{-->
                <li role="presentation"><a href="/blog?show=mine">我的笔记</a></li>
                <!--@}-->
                <!--@}-->
                <li class="pull-right visible-xs">
                    <a href="#offcanvas" data-toggle="offcanvas">&gt;&gt;</a>
                </li>
            </ul>

            <!--@for(blog in page.list){-->
            <div class="media">
                <div class="media-left">
                    <img class="avatar-md img-circle" src="${blog.creater.avatarUrl}">
                </div>
                <div class="media-body">
                    <h4 class="media-heading">
                        <a href="/blog/show/${blog.id}">${blog.title,xss}</a>
                        <!--@if(blog.type=="ORIGINAL"){-->
                        <span class="label label-primary">原创</span>
                        <!--@}else if(blog.type=="COPY"){-->
                        <span class="label label-success">转载</span>
                        <!--@}-->
                        <!--@if(blog.privacy){-->
                        <span class="label label-warning">私有</span>
                        <!--@}-->
                    </h4>

                    <p class="text-muted">
                        ${blog.updateTime,prettyTime}&nbsp;by&nbsp;${blog.creater.html}，${blog.clickCount}阅
                    </p>
                </div>
            </div>
            <!--@if(!blogLP.last){-->
            <hr class="dashed">
            <!--@}-->
            <!--@}elsefor{-->
            <p>无可显示数据</p>
            <!--@}-->
            ${pageLink}
        </div>
        <div class="col-sm-4 offcanvas-sidebar">
            <div class="panel panel-default">
                <div class="panel-body">
                    <p class="text-center">把你的经验还有旅途中的见闻分享给小伙伴们吧！</p>

                    <p class="text-center mb0">
                        <a class="btn btn-primary" href="/blog/add">
                            <span class="glyphicon glyphicon-plus"></span>写笔记
                        </a>
                    </p>
                </div>
            </div>
        </div>
    </div>
    <!-- row -->
</#cenluan>